<!DOCTYPE html>
<html>
<head>
    <html lang="ch">
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>淘方案</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">
</head>

<body>
    
    <!-- 导航栏 -->
    <nav class="navbar navbar-expand-sm bg-dark fixed-top " >

            <!-- 左侧导航栏 用来摆放Logo-->
            <ul class="navbar-nav  " style="padding-left: 50px">
                <li class="nav-item">
                    <a class="btn nav-link" href="../../index.html"><span class="text-white" ><strong>淘方案</strong></span></a>   
                </li>
            </ul>
    
            <!-- 中间导航栏  用来放置发现,消息,搜索框-->
            <div class="collapse navbar-collapse " style="padding-left: 75px">
                <ul class="navbar-nav ">
                    <li class="nav-item">
                        <a class=" btn nav-link " href="#"><span class="text-white" >发现</span></a>   
                    </li>
                    <li class="nav-item">
                        
                        <a class="btn nav-link text-white" href="#">消息 <span class="badge badge-danger">4</span></a>
                      
                    </li>
                </ul>
    
                <!-- 搜索框 -->
                <div style="padding-left: 15px"> <input class="form-control" type="text" placeholder="Search"> </div>
                <button class="btn btn-success" type="button">Search</button>
            </div>
            
     
            <!-- 右侧导航栏 用户头像以及下拉框-->
            <div class="collapse navbar-collapse justify-content-end" >
                <ul class="navbar-nav " >
                    <li class="nav-item ">
                        <div class="dropdown" style="width: 150px">
                            <a class="btn text-white dropdown-toggle" data-toggle="dropdown">
                                Koga
                            </a>
                            <div class="dropdown-menu">
                                <a class="dropdown-item text-dark" href="../../index.html">我的主页</a>
                                <a class="dropdown-item text-dark" href="../account.html">账户资料</a>
                                <a class="dropdown-item text-dark" href="../collect.html">我的收藏</a>
                                <a class="dropdown-item text-dark" href="../Sign_out.html">注销</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>              
    </nav>

    <!--主体部分-->
    <div class="row " style="margin-top: 80px ;margin-right: 0px">
      
        <!-- 侧栏 -->
        <div class="col-2 " >
                <div class="btn-group-vertical btn-block sticky" id="category">

                    <!-- 红色按钮及其折叠标签 -->
                    <button type="button" class="btn btn-primary btn-lg border-light rounded bg-danger " data-toggle="collapse" data-target="#Automotive" aria-expanded="false" aria-controls="Automotive" style="margin:10px 0px 5px 0px "><strong>Automotive</strong></button>           
                    <div class="collapse " id="Automotive" data-parent="#category">
                        <div style="margin-bottom: 10px; ">
                            <a  class="btn btn-primary btn-sm border-light rounded bg-danger text-white" href="../Automotive/ADAS.html" >ADAS</a>  
                            <a  class="btn btn-primary btn-sm border-light rounded bg-danger text-white" href="../Automotive/BMS.html" >BMS</a>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-danger" >Infotainment</button>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-danger" >PEPES</button>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-danger" >77G Radar</button>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-danger" >车充</button>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-danger" >Rearview Mirror</button>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-danger" >NFC 车门把手</button>
                            <a  class="btn btn-primary btn-sm border-light rounded bg-danger text-white" href="../Automotive/all.html" >全部</a>    
                        </div>
                    </div>
                    
                    <!-- 黄色按钮及其折叠标签 -->
                    <button type="button" class="btn btn-primary btn-lg border-light rounded bg-warning" data-toggle="collapse" data-target="#IoT" style="margin:0px 0px 5px 0px "><strong>IoT</strong></button>
                    <div class="collapse" id="IoT" data-parent="#category">
                        <div style="margin-bottom: 10px;">
                            <a  class="btn btn-primary btn-sm border-light rounded bg-warning text-white" href="../IoT/smart_home.html" >智能家居</a>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-warning" >E-Lock</button>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-warning" >IP Camera</button>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-warning" >EV Charger</button>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-warning" >共享单车</button>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-warning" >城市网关</button>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-warning" >共享插座</button>
                            <a  class="btn btn-primary btn-sm border-light rounded bg-warning text-white" href="../IoT/all.html" >全部</a>
                        </div>
                    </div>
                    
                    <!-- 绿色按钮及其折叠标签 -->
                    <button type="button" class="btn btn-primary btn-lg border-light rounded bg-success" data-toggle="collapse" data-target="#Industry" style="margin:0px 0px 5px 0px "><strong>Industry</strong></button>
                    <div class="collapse" id="Industry" data-parent="#category">
                        <div style="margin-bottom: 10px; ">
                            <a  class="btn btn-primary btn-sm border-light rounded bg-success text-white" href="../Industry/Digital_Power.html" >Digital Power</a>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-success" >无人机</button>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-success" >Motor</button>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-success" >Adaptor</button>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-success" >Wireless Charger</button>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-success" >工业控制</button>
                            <a  class="btn btn-primary btn-sm border-light rounded bg-success text-white" href="../Industry/all.html" >全部</a>
                        </div>
                    </div>


                    <!-- 蓝色按钮及其折叠标签 -->
                    <button type="button" class="btn btn-primary btn-lg border-light rounded bg-info" data-toggle="collapse" data-target="#consumer" style="margin:0px 0px 5px 0px "><strong>Consumer</strong></button>
                    <div class="collapse show" id="consumer" data-parent="#category">
                        <div style="margin-bottom: 10px; ">
                               
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-info" >手机平板</button>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-info" >智能穿戴</button>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-info" >机器人</button>
                            <a  class="btn btn-primary btn-sm border-light rounded bg-info text-white" href="../Consumer/TV_Box.html" >TV-Box</a>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-info" >家电设备</button>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-info" >电竞产品</button>
                            <button type="button" class="btn btn-primary btn-sm border-light rounded bg-info" >POS 机</button>
                            <a  class="btn btn-primary btn-sm border-light rounded bg-info text-white" href="../Consumer/all.html" >全部</a>

                        </div>
                    </div>
                </div>
        </div> 

        <!-- 右侧内容 -->
        <div class="col-8" style="margin-top: 10px">
                <table class="table">
                        <thead class="thead-light">
                          <tr>
                            <th scope="col">方案 ID</th>
                            <th scope="col">方案名称</th>
                            <th scope="col">分类</th>
                            <th scope="col">推荐度</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <th scope="row">P333333333333</th>
                            <td>世平集团基于 TI UCD3138 的全数字电源 P15-002</td>
                            <td>TV-Box</td>
                            <td>4</td>
                          </tr>
                          <tr>
                            <th scope="row">P333333333333</th>
                            <td>世平集团基于 TI UCD3138 的全数字电源 P15-002</td>
                            <td>TV-Box</td>
                            <td>4</td>
                          </tr>
                          <tr>
                            <th scope="row">P333333333333</th>
                            <td>世平集团基于 TI UCD3138 的全数字电源 P15-002</td>
                            <td>TV-Box</td>
                            <td>4</td>
                          </tr>
                          <tr>
                            <th scope="row">P333333333333</th>
                            <td>世平集团基于 TI UCD3138 的全数字电源 P15-002</td>
                            <td>TV-Box</td>
                            <td>4</td>
                          </tr>
                          <tr>
                            <th scope="row">P333333333333</th>
                            <td>世平集团基于 TI UCD3138 的全数字电源 P15-002</td>
                            <td>TV-Box</td>
                            <td>4</td>
                          </tr>
                          <tr>
                            <th scope="row">P333333333333</th>
                            <td>世平集团基于 TI UCD3138 的全数字电源 P15-002</td>
                            <td>TV-Box</td>
                            <td>4</td>
                          </tr>
                          <tr>
                            <th scope="row">P333333333333</th>
                            <td>世平集团基于 TI UCD3138 的全数字电源 P15-002</td>
                            <td>TV-Box</td>
                            <td>4</td>
                          </tr>
                          <tr>
                            <th scope="row">P333333333333</th>
                            <td>世平集团基于 TI UCD3138 的全数字电源 P15-002</td>
                            <td>TV-Box</td>
                            <td>4</td>
                          </tr>
                          <tr>
                            <th scope="row">P333333333333</th>
                            <td>世平集团基于 TI UCD3138 的全数字电源 P15-002</td>
                            <td>TV-Box</td>
                            <td>4</td>
                          </tr>
                          
                        </tbody>
                      </table>
        </div>
    </div>    

    <!-- 分页 -->
    <div class="row	">
        <div class="col text-center">
                <nav aria-label="Page navigation example">
                        <ul class="pagination justify-content-center">
                    <li class="page-item disabled">
                        <a class="page-link" href="#" tabindex="-1">Previous</a>
                    </li>
                    <li class="page-item  active">
                        <a class="page-link" href="#">1</a>
                    </li>
                    <li class="page-item">
                        <a class="page-link" href="#">2</a>
                    </li>
                    <li class="page-item">
                        <a class="page-link" href="#">3</a>
                    </li>
                    <li class="page-item">
                        <a class="page-link" href="#">Next</a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>

    
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
</body>
</html>